<template>
	<view class="pa">
		<!-- 团队电子票 -->
		<view class="ticket">
			<view class="singup_people">
				<view class="title">报名人</view>
				<view class="people_info">
					<text>天香    16602197016</text>
					<i class="icon">&#xe600;</i>
				</view>
				<!-- 原 -->
				<view class="zero_l"></view>
				<view class=" zero_r "></view>
			</view>
			<!-- 二维码 -->
			<view class="erweima">
				<text>455 8956 7895</text>
				<image src="https://ykp-new.oss-cn-hangzhou.aliyuncs.com/client/01.jpeg" mode=""></image>
				<!-- <view class="status">
					已验票
				</view> -->
				<view class="status_t">
					待参与
				</view>
			</view>
			<view class="save">
				<i class="icon">&#xe600;</i>保存电子票
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.pa {
		padding: 30upx;
		box-sizing: border-box;
	}
	.ticket {
		width: 100%;
		height: 680upx;
		background-color: #FFFFFF;
		border-radius: 10upx;
		overflow: hidden;
		.singup_people {
			width: 100%;
			height: 158upx;
			border-bottom: 2upx dashed #e1e1e1;
			position: relative;
			.title {
				width: 110upx;
				height: 44upx;
				background-color: #9e53e3;
				border-top-right-radius: 22upx;
				border-bottom-right-radius: 22upx;
				margin-top: 16upx;
				font-size: 24upx;
				color: #FFFFFF;
				text-align: center;
				line-height: 44upx;
			}
			.people_info {
				display: flex;
				justify-content: space-between;
				margin: 30upx;
				text {
					font-size: 28upx;
					color: #333333;
					
				}
			}
			.zero_l {
				position: absolute;
				width: 22upx;
				height: 22upx;
				border-radius: 50%;
				background-color: #F2F2F2;
				bottom: 0;
				left: 0;
				transform: translate(-50%,50%);
			}
			.zero_r {
				position: absolute;
				width: 22upx;
				height: 22upx;
				border-radius: 50%;
				background-color: #F2F2F2;
				bottom: 0;
				right: 0 ;
				transform: translate(50%,50%);
			}
		}
		.erweima {
			width: 100%;
			height: 415upx;
			border-bottom: 2upx dashed #e1e1e1;
			text-align: center;
			text {
				font-size: 24upx;
				color: #000000;
			}
			image {
				display: block;
				margin:20upx auto;
				margin-top: 15upx;
				width: 275upx;
				height: 275upx;
			}
			.status {
				font-size: 24upx;
				color: #0caf42;
			}
			.status_t {
				font-size: 24upx;
				color: #8837d1;
			}
		}
		.save {
			text-align: center;
			height: 90upx;
			font-size: 24upx;
			color: #333333;
			line-height: 90upx;
			.icon {
				font-size: 24upx;
				color: #333333;
			}
		}
	}
</style>
<style>
	page {
		background-color: #F2F2F2;
	}
</style>
